<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!--THMl结构-->

    <ul class="lang">
        <li class="js dy">javascript</li>
        <li class="dy">python</li>
        <li class="swift">swift</li>
        <li class="dy">scheme</li>
        <li name="haskell">haskell</li>

    </ul>






<!--html结构-->
<ul id="test-list">
    <li>javascript</li>
    <li>swift</li>
    <li>html</li>
    <li>ansi</li>
    <li>css</li>
    <li>directx</li>

</ul>
<!--Html结构-->

<!--html结构-->
    <form id="test-from" action="test">
        <legend>请选择想要学习的编程语言：</legend>
        <fieldset>
            <p><label class="selectAll"><input type="checkbox"><span class="selectAll">全选</span>
            <span class="deselectAll">全不选</span>
            </label> <a href="#0" class="invertselect">反选</a></p>

            <p><label > <input type="checkbox" name="lang" value="javascript">javascript</label></p>
            <p><label ><input type="checkboox" name="lang" value="python">python</label></p>
            <p><label ><input type="checkbook" name="lang" value="ruby"> ruby</label></p>
            <p><label ><input type="checkbook" name="lang" value="haskell">haskell</label></p>
            <p><label ><input type="checkbook" name="lang" value="scheme">scheme</label></p>
            <p><button type="submit">submit</button></p>
        </fieldset>
    </form>
<!--html结构-->
<script src="./jquery-3.6.0.min.js"></script>
    <script src="./js.js"></script>
</body>
</html>